<nav class="navbar navbar-expand-md" style="margin-bottom: 0px; border-radius: 0px; height: 60px;">
    <div class="container-fluid">
        <div class="row" style="width: 110%;">
            <div class="col-2">
                <a class="navbar-brand" href="#">
                    <img style="width: 48px" src="common/img/logo.png">
                    <span style="vertical-align: middle; color: #f0ad4e; margin-left: 5px; font-size: 18px; font-weight: bold">API Manager</span>
                </a>
            </div>
            <div class="col-2 offset-8">
                <div class="dropdown" style="float: right; margin-top: 10px;">
                    <button class="btn btn-secondary dropdown-toggle" style="background-color: #d1ecf1; border-color: #00b4ef;" type="button" id="dropdownMenuButton" data-toggle="dropdown">
                        <span id="userName" style="font-family: Microsoft YaHei; color: #5a6268; font-weight: 600;">杰克苏</span>
                    </button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="min-width:50px;">
                        <a class="dropdown-item" href="javasript:void(0)" onclick="userInfo()" style="font-size: 15px;">个人主页</a>
                        <a class="dropdown-item" href="javasript:void(0)" onclick="changePass()" style="font-size: 15px;">修改密码</a>
                        <a class="dropdown-item" href="#" onclick="logOut();" style="font-size: 15px;">退出登录</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nav>